<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/index_style.css" rel="stylesheet">
	<div class="header">
	  <div class="nav">  
		<ul>
			<li class="left_menu"><a href="review.jsp"><img src="images/电影卷.png" width="40" height="40"/></a></li>
			<li class="left_menu"><a href="review.jsp">首页</a></li>
			<li class="left_menu"><a href="movie.jsp">电影</a></li>
			<li class="left_menu"><a href="poster.jsp">海报</a></li>
			<li class="left_menu"><a href="Vote.jsp">投票</a></li>
			<li class="left_menu"><a href="notice.jsp">公告</a></li>
			<li class="right_menu"><!-- 用bootstrap的输入框，所以类名是"input-group-addon""form-control" -->
				<div class="input-group">
					<span class="input-group-addon"><img src="images/搜索.png" width="20" height="20"/></span>
					<input type="search"  class="form-control" placeholder="请输入搜索内容:">
				</div>
			</li>
		</ul>
	  </div>
	  <!-- 轮播图 -->
	  <div id="lbt_carousel" class="carousel slide" data-ride="carousel">
    	<!-- 设计数器 -->
    	<ol class="carousel-indicators">
       		<li class="active" data-target="#lbt_carousel" data-slide-to="0"></li>
       		<li data-target="#lbt_carousel" data-slide-to="1"></li>
       		<li data-target="#lbt_carousel" data-slide-to="2"></li>
			<li data-target="#lbt_carousel" data-slide-to="3"></li>
    	</ol>
    	<!-- 图 -->
    	<div class="carousel-inner">
     		<div class="item active">
        		<img src="images/海报3.jpg" alt="first_img" height="400px">
      		</div>
     		<div class="item">
    		    <img src="images/海报.jpg" alt="second_img" height="400px">
   			</div>
        	<div class="item">
          		<img src="images/海报1.jpg" alt="third_img" height="400px">
        	</div>
			<div class="item">
          		<img src="images/海报2.jpg" alt="forth_img" height="400px">
        	</div>
        </div>
	    </div>
	</div>	
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>